<template>
  <div class="head">
    <EditorMenu class="editor-menu" style="display: none"></EditorMenu>
    <HeadMenu></HeadMenu>
    <PreviewBtn></PreviewBtn>
    <div class="project">
      <div>访客</div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import EditorMenu from './editor-menu.vue';
import PreviewBtn from './preview-btn.vue';
import SButton from '@/ui-kit/button/button.vue';
import HeadMenu from './head-menu.vue';


export default defineComponent({
  name: 'editor-head',
  components: { HeadMenu, PreviewBtn, EditorMenu },
  emits: [],
  props: {},
  setup(props, { emit }) {

  },
});
</script>
<style scoped lang="scss">
.head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #cbddfa;

  .editor-menu {
    z-Index: 1
  }

  .project {
    display: flex;
    flex-direction: row;
    margin-right: 10px;
  }

}
</style>
